<template>
  <div class="detail-wrapper">
    <div class="detail-main">
      <div class="detail-column">
        <div class="column-title">客户信息</div>
        <div class="column-content">
          <a-descriptions
            bordered
            :labelStyle="{ width: '120px' }"
            :contentStyle="{ width: '500px' }"
            :column="{ xxl: 2, xl: 2, lg: 2, md: 1, sm: 1, xs: 1 }"
          >
            <a-descriptions-item label="客户">张三</a-descriptions-item>
            <a-descriptions-item label="客户编号"> 12345 /> </a-descriptions-item>
            <a-descriptions-item label="客户分类">启用</a-descriptions-item>
            <a-descriptions-item label="状态">12355454</a-descriptions-item>
            <a-descriptions-item label="所在地区"
              >华北总代</a-descriptions-item
            >
            <a-descriptions-item label="所属经销商"> 122</a-descriptions-item>
          </a-descriptions>
        </div>
      </div>
      <div class="detail-column">
        <div class="column-title">账号信息</div>
        <div class="column-content">
          <a-descriptions
            bordered
            :labelStyle="{ width: '120px' }"
            :contentStyle="{ width: '500px' }"
            :column="{ xxl: 2, xl: 2, lg: 2, md: 1, sm: 1, xs: 1 }"
          >
            <a-descriptions-item label="姓名">张三</a-descriptions-item>
            <a-descriptions-item label="账号"> 12345 /> </a-descriptions-item>
            <a-descriptions-item label="启用状态">启用</a-descriptions-item>
            <a-descriptions-item label="手机">12355454</a-descriptions-item>
            <a-descriptions-item label="备注"> 1234</a-descriptions-item>
          </a-descriptions>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref, computed } from "vue";
const formState = ref({
  points: "",
  status: [],
});
const visible = ref(false);
const setVisible = (value) => {
  visible.value = value;
};
const seePhone = ref(false);
const seePhone2 = ref(false);
const handleChangeSee = (type) => {
  if (type === 1) {
    console.log("手机号");
    seePhone.value = !seePhone.value;
  } else if (type === 2) {
    console.log("联系电话");
    seePhone2.value = !seePhone2.value;
  }
};
</script>

